/* 颜色 */
@import 'common/var-colors'

$primary = #18b578
$success = #2acd75
$warn = #fc6e1d
$danger = #e43333
$info = #1e99eb
$dark = #27282b

$red = #ff3c26
$red-light = #fc8275
$pink = #f14ba9
$purple = #c472e6
$deep-purple = #9435ff
$indigo = #2214a1
$blue = #2796df
$light-blue = #19a2f7
$cyan = #2ae0ec
$teal = #05c0ae
$green = #21c78d
$light-green = $light-green-500
$lime = $lime-500
$yellow = $yellow-500
$amber = #ffba17
$orange = #ff7e08
$deep-orange = #fc700a
$brown = $brown-500
$grey = $grey-500
$blue-grey = $blue-grey-500
$bg = #f6f6f6
$border-light = rgba(black, 0.15)
$bg-red-orange = linear-gradient(to bottom right, #f01414, #fe7f17)
$bg-cyan-blue = linear-gradient(to bottom right, #0de5ec, #0f75df)
$bg-blue-purple = linear-gradient(to right bottom, #18c9ff, #711be7)
$bg-green-blue = linear-gradient(to bottom right, #0ac57d, #00b7f9)
$bg-purple-deep-light = linear-gradient(to bottom right, #ad3aff, #ff61c5)
$bg-orange-deep-light = linear-gradient(to bottom right, #ff5a16, #ffbe4d)
$bg-pink-orange = linear-gradient(to bottom right, #ff0a6d, #ff9f04)
$bg-red-deep-bottom = linear-gradient(#ec5050, #c22828)
$bg-red-purple-bottom = linear-gradient($red, $deep-purple)
$bg-cyan-yellow-bottom = linear-gradient(#10e9df, #ffcc00)
$text-dark = #222222
$text-grey = #666666
$text-light = #999999
/* 改变 icon 字体路径变量 */
$ff = "Helvetica Neue", Helvetica, "Microsoft Yahei", arial, STHeiTi, sans-serif
// $mdi-font-path : 'fonts/md-fonts/fonts';
// $fa-font-path : 'fonts/fontawesome';
$border-radius = 0
/* 字体大小 */
$font-xs = 12px
$font-sm = 13px
$font-md = 14px
$font-lg = 16px
$font-xl = 18px
$font-xxl = 20px
$font-xxxl = 24px
$icon-xs = 16px
$icon-sm = 20px
$icon-md = 24px
$icon-lg = 28px
$icon-xl = 32px
$icon-xxl = 40px
/* 长度 */
$spacing-base = 5px
$spacing-sm = $spacing-base * 2
$spacing-md = $spacing-base * 3
$spacing-lg = $spacing-base * 4
$spacing-xl = $spacing-base * 5
$spacing-xxl = $spacing-base * 6
$spacing-xxxl = $spacing-base * 8
$spacing = $spacing-md
$header-height = 44px
$footer-height = 48px
$header-bg = white
$rds = 3px
$screen-xs = 768px
$screen-sm = 1024px
$screen-md = 1280px
$screen-lg = 1440px
$screen-xl = 1920px
//项目变量
$card-bg = white
$card-sd = none
$form-bg = #f2f2f2
$tabbar-bg = #fff
$tabbar-hight = $footer-height
$cell-height = 48px
